<!DOCTYPE HTML>
<html lang="cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Ryker</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
	
	<!-- Fonts -->
	<link href="https://fonts.googleapis.com/css?family=Saira:300,400,500,600,700&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Nunito:300i,400,400i,600,600i,700&display=swap" rel="stylesheet">
	<!-- /Fonts -->
	
	<!-- Styles -->
    <link rel="stylesheet" href="css/plugins.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/responsive.css">
	<!-- /Styles -->
	
</head>
<body>
	
	<!-- Preloader -->
	<div class="grax_loader-wrapper">
		<div class="loader"></div>
	</div>
	<!-- /Preloader -->

	<!-- Wrapper All -->
	<div class="grax_wrap_all">
		
		<div id="floatingmes">Close</div>
		
		<!-- Modal News -->
		<div class="grax_modal_news scrollable">
			<div class="container">
				<div class="modal_main">
				
				</div>
			</div>
		</div>
		<!-- /Modal News -->
		
		<!-- Topbar -->
		<div class="grax_topbar">
			<div class="mainpart">
				<div class="container">
					<div class="inner">
						<div class="logo">
							<a href="#"><img src="img/logo/logo.png" alt="" /></a>
						</div>		
						<div class="menu_list">
							<ul>
								<li><a href="#home">Home</a></li>
								<li><a href="#about">About</a></li>
								<li><a href="#services">Services</a></li>
								<li><a href="#portfolio">Portfolio</a></li>
								<li><a href="#news">News</a></li>
								<li><a href="#contact">Contact</a></li>
							</ul>
						</div>
						<div class="trigger">
							<span class="menu"><a href="#">Menu</a></span>
							<span class="close"><a href="#">Close</a></span>
						</div>
					</div>
				</div>
			</div>
			
			<!-- Dropdown -->
			<div class="dropdown">
				<div class="container">
					<div class="main">
						<ul>
							<li><a href="#home">Home</a></li>
							<li><a href="#about">About</a></li>
							<li><a href="#services">Services</a></li>
							<li><a href="#portfolio">Portfolio</a></li>
							<li><a href="#news">News</a></li>
							<li><a href="#contact">Contact</a></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- /Dropdown -->
			
		</div>
		<!-- /Topbar -->
		
			<!-- Hero -->
			<div class="grax_section" id="home">
				<div class="grax_hero_wrap jarallax" data-speed="0" data-img-url="img/hero/1.jpg">
					<div class="overlay"></div>
					<div class="container">
						<div class="hero_texts">
							<h3 class="name">I'm <span class="grax_tm_animation_text_word"></span></h3>
							<div class="www a"><span class="subtitle">I'm extremely passionate about web development and design in all it’s forms.</span></div>
							<div class="socials">
								<ul>
									<li><a href="#"><i class="xcon-facebook"></i></a></li>
									<li><a href="#"><i class="xcon-twitter"></i></a></li>
									<li><a href="#"><i class="xcon-linkedin"></i></a></li>
									<li><a href="#"><i class="xcon-instagram"></i></a></li>
									<li><a href="#"><i class="xcon-behance"></i></a></li>
								</ul>
							</div>
						</div>
						<div class="grax_down">
							<div class="line_wrapper">
								<div class="line"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- /Hero -->
		
			<!-- About -->
			<div class="grax_section" id="about">
				<div class="grax_about">
					<div class="container">
						<div class="about_inner">
							<div class="left">								
								<div class="about_image_wrap parallax" data-relative-input="true">
									<div class="image layer" data-depth="0.1">
										<img src="img/about/550x650.jpg" alt="" />
										<div class="inner" data-img-url="img/about/1.jpg"></div>
									</div>
									<div class="border layer" data-depth="0.2">
										<img src="img/about/550x650.jpg" alt="" />
										<div class="inner"></div>
									</div>
								</div>											
							</div>
							<div class="right">
								<div class="title">
									<span class="top">Hello There!</span>
									<h3>I'm John Brandon and <span class="grax_tm_animation_text_word_2"></span></h3>
								</div>
								<div class="text">
									<p>I’m a web developer and graphic designer living in New York, USA. I spend my days with my hands in many different areas of web and mobile app and frontend development.</p>
									<p>I’m extremely passionate about web development and design in all it’s forms and helping small businesses and artisans build and improve their online presence. Aside from web development, I enjoy spending my time with my family, brewing beer and taking photos.</p>
								</div>
								<div class="grax_progress">
									<div class="progress_inner" data-value="95" data-color="#ff214f">
										<span><span class="label">Web Development</span><span class="number">95%</span></span>
										<div class="background"><div class="bar"><div class="bar_in"></div></div></div>
									</div>
									<div class="progress_inner" data-value="80" data-color="#ff214f">
										<span><span class="label">Brand Identity</span><span class="number">80%</span></span>
										<div class="background"><div class="bar"><div class="bar_in"></div></div></div>
									</div>
									<div class="progress_inner" data-value="90" data-color="#ff214f">
										<span><span class="label">Javascript</span><span class="number">90%</span></span>
										<div class="background"><div class="bar"><div class="bar_in"></div></div></div>
									</div>
								</div>
								<div class="buttons">
									<div class="grax_button">
										<a href="img/about/cv.jpg" download>Download CV</a>
									</div>
									<div class="grax_button">
										<a href="#contact">Send Message</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- /About -->

			<!-- Services -->
			<div class="grax_section" id="services">
				<div class="grax_services_wrap">
					<div class="container">
						<div class="service_list">
							<div class="list_inner">
								<ul class="owl-carousel">
									<li class="item">
										<div class="inner">
											<div class="in">
												<div class="icon_box">
													<img class="svg" src="img/svg/camera-diaphragm.svg" alt="" />
												</div>
												<h3 class="title">Photography</h3>
												<p class="text">Photography is the art, application and practice of creating durable images and their all sides...</p>
											</div>
										</div>
									</li>
									<li class="item">
										<div class="inner">
											<div class="in">
												<div class="icon_box">
													<img class="svg" src="img/svg/seo-performance-marketing-graphic.svg" alt="" />
												</div>
												<h3 class="title">Marketing</h3>
												<p class="text">Marketing refers to activities undertaken by a company to promote the buying and their all types...</p>
											</div>
										</div>
									</li>
									<li class="item">
										<div class="inner">
											<div class="in">
												<div class="icon_box">
													<img class="svg" src="img/svg/layers.svg" alt="" />
												</div>
												<h3 class="title">Branding</h3>
												<p class="text">Branding, by definition, is a marketing practice in which a company creates a name of company which...</p>
											</div>
										</div>
									</li>
									<li class="item">
										<div class="inner">
											<div class="in">
												<div class="icon_box">
													<img class="svg" src="img/svg/adobe-illustrator.svg" alt="" />
												</div>

												<h3 class="title">Adobe Illustrator</h3>
												<p class="text">Adobe Illustrator is a software application for creating drawings, illustrations and vectors of many...</p>
											</div>
										</div>
									</li>
									<li class="item">
										<div class="inner">
											<div class="in">
												<div class="icon_box">
													<img class="svg" src="img/svg/icon.svg" alt="" />
												</div>
												<h3 class="title">App Development</h3>
												<p class="text">App development is the act or process by which a mobile app is developed for devices. It is very important...</p>
											</div>
										</div>
									</li>
									<li class="item">
										<div class="inner">
											<div class="in">
												<div class="icon_box">
													<img class="svg" src="img/svg/share.svg" alt="" />
												</div>
												<h3 class="title">Social Media</h3>
												<p class="text">Social media is computer-based technology that facilitates the sharing of ideas their all types...</p>
											</div>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- /Services -->	
		
			<!-- Portfolio -->
			<div class="grax_section" id="portfolio">
				<div class="grax_portfolio">
					<div class="container">
						<div class="grax_title_holder">
							<h3><span>Creative Works</span></h3>									
						</div>
						<div class="arlo_tm_portfolio_wrap grax_appear">
							<div class="arlo_tm_portfolio_titles"></div>
							<ul class="arlo_tm_portfolio_filter">
								<li><a href="#" class="current" data-filter="*">All</a></li>
								<li><a href="#" data-filter=".design">Design</a></li>
								<li><a href="#" data-filter=".photography">Photography</a></li>
								<li><a href="#" data-filter=".development">Development</a></li>
							</ul>
							<ul class="arlo_tm_portfolio_list gallery_zoom">
								<li class="design">
									<div class="inner_list">
										<div class="entry arlo_tm_portfolio_animation_wrap" data-title="Mockup Tools" data-category="Design">
											<a class="zoom" href="img/portfolio/1.jpg">
												<img src="img/portfolio/600x850.jpg" alt="" />
												<div class="arlo_tm_portfolio_image_main" data-img-url="img/portfolio/1.jpg"></div>
											</a>
										</div>
									</div>
								</li>
								<li class="photography">
									<div class="inner_list">
										<div class="entry arlo_tm_portfolio_animation_wrap" data-title="Interesting Book" data-category="Photography">
											<a class="zoom" href="img/portfolio/2.jpg">
												<img src="img/portfolio/600x850.jpg" alt="" />
												<div class="arlo_tm_portfolio_image_main" data-img-url="img/portfolio/2.jpg"></div>
											</a>
										</div>
									</div>
								</li>
								<li class="development">
									<div class="inner_list">
										<div class="entry arlo_tm_portfolio_animation_wrap" data-title="Black Bag" data-category="Development">
											<a class="zoom" href="img/portfolio/3.jpg">
												<img src="img/portfolio/600x850.jpg" alt="" />
												<div class="arlo_tm_portfolio_image_main" data-img-url="img/portfolio/3.jpg"></div>
											</a>
										</div>
									</div>
								</li>
								<li class="photography">
									<div class="inner_list">
										<div class="entry arlo_tm_portfolio_animation_wrap" data-title="News Mockup" data-category="Photography">
											<a class="zoom" href="img/portfolio/4.jpg">
												<img src="img/portfolio/600x850.jpg" alt="" />
												<div class="arlo_tm_portfolio_image_main" data-img-url="img/portfolio/4.jpg"></div>
											</a>
										</div>
									</div>
								</li>
								<li class="design">
									<div class="inner_list">
										<div class="entry arlo_tm_portfolio_animation_wrap" data-title="Yellow Cup" data-category="Design">
											<a class="zoom" href="img/portfolio/5.jpg">
												<img src="img/portfolio/600x850.jpg" alt="" />
												<div class="arlo_tm_portfolio_image_main" data-img-url="img/portfolio/5.jpg"></div>
											</a>
										</div>
									</div>
								</li>
								<li class="photography">
									<div class="inner_list">
										<div class="entry arlo_tm_portfolio_animation_wrap" data-title="Modern Tools" data-category="Photography">
											<a class="zoom" href="img/portfolio/6.jpg">
												<img src="img/portfolio/600x850.jpg" alt="" />
												<div class="arlo_tm_portfolio_image_main" data-img-url="img/portfolio/6.jpg"></div>
											</a>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- /Portfolio -->
		
			<!-- Testimonials -->
			<div class="grax_testimonials">
				<div class="main_wrap">
					<div class="background">
						<div class="image jarallax" data-img-url="img/hero/1.jpg" data-speed="0"></div>
						<div class="overlay"></div>
					</div>
					<div class="content">
						<div class="container">
							<div class="list">
								<ul class="owl-carousel">
									<li class="item">
										<div class="inner">
											<div class="image">
												<img src="img/clients/2.jpg" alt="" />
											</div>
											<div class="text">
												<p>"Ryker team are easy to work with and helped me make amazing websites in a short amount of time. Thanks guys for works."</p>
											</div>
											<div class="name_holder">
												<span class="name">Brailie Vanila</span>
												<span class="job">Web Designer</span>
											</div>
										</div>
									</li>
									<li class="item">
										<div class="inner">
											<div class="image">
												<img src="img/clients/1.jpg" alt="" />
											</div>
											<div class="text">
												<p>“We were looking for a logo with a touch of modernism. Ryker grasped our needs and produced a stunning design.”</p>
											</div>
											<div class="name_holder">
												<span class="name">Mollie Hudson</span>
												<span class="job">Photographer</span>
											</div>
										</div>
									</li>
									<li class="item">
										<div class="inner">
											<div class="image">
												<img src="img/clients/3.jpg" alt="" />
											</div>
											<div class="text">
												<p>“Awesome to work with Ryker. Good organized, easy to communicate with, responsive with next iterations.”</p>
											</div>
											<div class="name_holder">
												<span class="name">Albert Kenndedy</span>
												<span class="job">App Developer</span>
											</div>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- /Testimonials -->

			<!-- News -->
			<div class="grax_section" id="news">
				<div class="grax_news white">
					<div class="container">
						<div class="center">
							<div class="grax_title_holder">
								<h3><span>Latest News</span></h3>
							</div>
						</div>
						<div class="news_list">
							<div class="list_inner">
								<div class="carousel_nav">
									<div class="custom_nav">
										<a href="#" class="prev"></a>
										<a href="#" class="next"></a>
									</div>
								</div>
								<ul class="owl-carousel">
									<li class="item">
										<div class="shadow">
											<div class="inner">
												<div class="image">
													<img src="img/blog/500x350.jpg" alt="" />
													<div class="main" data-img-url="img/blog/1.jpg"></div>
													<a class="link" href="#"></a>
												</div>
												<div class="texts">
													<div class="title">
														<h3><a href="#">Mockup World 2019</a></h3>
													</div>
													<div class="def">
														<p>For instance, whenever I go back to the guest house during the morning to copy out...</p>
													</div>
													<div class="more">
														<a href="#">Read More</a>
													</div>
												</div>
												<span class="one"></span>
												<span class="two"></span>
												<span class="three"></span>
												<span class="four"></span>
												<div class="modal_texts">
													<p> We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level of excellence.We have an abundance of experience and a strong reputation specialising in event such as birthdays, engagements, formals, debutantes, corporate functions, suit and tie events, celebratory balls.</p>
													<blockquote>We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level of excellence.We have an abundance of experience and a strong reputation specialising in event such as birthdays, engagements, formals, debutantes, corporate functions, suit and tie events, celebratory balls, weddings and much more!As premium professional photographers we have the ability to capture anything and everything to suit our client’s needs, whatever they may be.</blockquote>
													<p> We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level of excellence.We have an abundance of experience and a strong reputation specialising in event such as birthdays, engagements, formals, debutantes, corporate functions, suit and tie events, celebratory balls, weddings and much more!As premium professional photographers we have the ability to capture anything and everything to suit our client’s needs, whatever they may be. We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level.</p>
													<div class="modal_social">
														<ul>
															<li><a href="#"><i class="xcon-facebook"></i></a></li>
															<li><a href="#"><i class="xcon-twitter"></i></a></li>
															<li><a href="#"><i class="xcon-linkedin"></i></a></li>
															<li><a href="#"><i class="xcon-instagram"></i></a></li>
															<li><a href="#"><i class="xcon-behance"></i></a></li>
														</ul>
													</div>
												</div>
											</div>
										</div>
									</li>
									<li class="item">
										<div class="shadow">
											<div class="inner">
												<div class="image">
													<img src="img/blog/500x350.jpg" alt="" />
													<div class="main" data-img-url="img/blog/2.jpg"></div>
													<a class="link" href="#"></a>
												</div>
												<div class="texts">
													<div class="title">
														<h3><a href="#">What is Development ?</a></h3>
													</div>
													<div class="def">
														<p>For instance, whenever I go back to the guest house during the morning to copy out...</p>
													</div>
													<div class="more">
														<a href="#">Read More</a>
													</div>
												</div>
												<span class="one"></span>
												<span class="two"></span>
												<span class="three"></span>
												<span class="four"></span>
												<div class="modal_texts">
													<p> We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level of excellence.We have an abundance of experience and a strong reputation specialising in event such as birthdays, engagements, formals, debutantes, corporate functions, suit and tie events, celebratory balls.</p>
													<blockquote>We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level of excellence.We have an abundance of experience and a strong reputation specialising in event such as birthdays, engagements, formals, debutantes, corporate functions, suit and tie events, celebratory balls, weddings and much more!As premium professional photographers we have the ability to capture anything and everything to suit our client’s needs, whatever they may be.</blockquote>
													<p> We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level of excellence.We have an abundance of experience and a strong reputation specialising in event such as birthdays, engagements, formals, debutantes, corporate functions, suit and tie events, celebratory balls, weddings and much more!As premium professional photographers we have the ability to capture anything and everything to suit our client’s needs, whatever they may be. We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level.</p>
													<div class="modal_social">
														<ul>
															<li><a href="#"><i class="xcon-facebook"></i></a></li>
															<li><a href="#"><i class="xcon-twitter"></i></a></li>
															<li><a href="#"><i class="xcon-linkedin"></i></a></li>
															<li><a href="#"><i class="xcon-instagram"></i></a></li>
															<li><a href="#"><i class="xcon-behance"></i></a></li>
														</ul>
													</div>
												</div>
											</div>
										</div>
									</li>
									<li class="item">
										<div class="shadow">
											<div class="inner">
												<div class="image">
													<img src="img/blog/500x350.jpg" alt="" />
													<div class="main" data-img-url="img/blog/3.jpg"></div>
													<a class="link" href="#"></a>
												</div>
												<div class="texts">
													<div class="title">
														<h3><a href="#">Art of Photography</a></h3>
													</div>
													<div class="def">
														<p>For instance, whenever I go back to the guest house during the morning to copy out...</p>
													</div>
													<div class="more">
														<a href="#">Read More</a>
													</div>
												</div>
												<span class="one"></span>
												<span class="two"></span>
												<span class="three"></span>
												<span class="four"></span>
												<div class="modal_texts">
													<p> We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level of excellence.We have an abundance of experience and a strong reputation specialising in event such as birthdays, engagements, formals, debutantes, corporate functions, suit and tie events, celebratory balls.</p>
													<blockquote>We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level of excellence.We have an abundance of experience and a strong reputation specialising in event such as birthdays, engagements, formals, debutantes, corporate functions, suit and tie events, celebratory balls, weddings and much more!As premium professional photographers we have the ability to capture anything and everything to suit our client’s needs, whatever they may be.</blockquote>
													<p> We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level of excellence.We have an abundance of experience and a strong reputation specialising in event such as birthdays, engagements, formals, debutantes, corporate functions, suit and tie events, celebratory balls, weddings and much more!As premium professional photographers we have the ability to capture anything and everything to suit our client’s needs, whatever they may be. We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level.</p>
													<div class="modal_social">
														<ul>
															<li><a href="#"><i class="xcon-facebook"></i></a></li>
															<li><a href="#"><i class="xcon-twitter"></i></a></li>
															<li><a href="#"><i class="xcon-linkedin"></i></a></li>
															<li><a href="#"><i class="xcon-instagram"></i></a></li>
															<li><a href="#"><i class="xcon-behance"></i></a></li>
														</ul>
													</div>
												</div>
											</div>
										</div>
									</li>
									<li class="item">
										<div class="shadow">
											<div class="inner">
												<div class="image">
													<img src="img/blog/500x350.jpg" alt="" />
													<div class="main" data-img-url="img/portfolio/1.jpg"></div>
													<a class="link" href="#"></a>
												</div>
												<div class="texts">
													<div class="title">
														<h3><a href="#">Mockup World 2020</a></h3>
													</div>
													<div class="def">
														<p>For instance, whenever I go back to the guest house during the morning to copy out...</p>
													</div>
													<div class="more">
														<a href="#">Read More</a>
													</div>
												</div>
												<span class="one"></span>
												<span class="two"></span>
												<span class="three"></span>
												<span class="four"></span>
												<div class="modal_texts">
													<p> We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level of excellence.We have an abundance of experience and a strong reputation specialising in event such as birthdays, engagements, formals, debutantes, corporate functions, suit and tie events, celebratory balls.</p>
													<blockquote>We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level of excellence.We have an abundance of experience and a strong reputation specialising in event such as birthdays, engagements, formals, debutantes, corporate functions, suit and tie events, celebratory balls, weddings and much more!As premium professional photographers we have the ability to capture anything and everything to suit our client’s needs, whatever they may be.</blockquote>
													<p> We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level of excellence.We have an abundance of experience and a strong reputation specialising in event such as birthdays, engagements, formals, debutantes, corporate functions, suit and tie events, celebratory balls, weddings and much more!As premium professional photographers we have the ability to capture anything and everything to suit our client’s needs, whatever they may be. We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level.</p>
													<div class="modal_social">
														<ul>
															<li><a href="#"><i class="xcon-facebook"></i></a></li>
															<li><a href="#"><i class="xcon-twitter"></i></a></li>
															<li><a href="#"><i class="xcon-linkedin"></i></a></li>
															<li><a href="#"><i class="xcon-instagram"></i></a></li>
															<li><a href="#"><i class="xcon-behance"></i></a></li>
														</ul>
													</div>
												</div>
											</div>
										</div>
									</li>
									<li class="item">
										<div class="shadow">
											<div class="inner">
												<div class="image">
													<img src="img/blog/500x350.jpg" alt="" />
													<div class="main" data-img-url="img/portfolio/3.jpg"></div>
													<a class="link" href="#"></a>
												</div>
												<div class="texts">
													<div class="title">
														<h3><a href="#">New Mockup Story</a></h3>
													</div>
													<div class="def">
														<p>For instance, whenever I go back to the guest house during the morning to copy out...</p>
													</div>
													<div class="more">
														<a href="#">Read More</a>
													</div>
												</div>
												<span class="one"></span>
												<span class="two"></span>
												<span class="three"></span>
												<span class="four"></span>
												<div class="modal_texts">
													<p> We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level of excellence.We have an abundance of experience and a strong reputation specialising in event such as birthdays, engagements, formals, debutantes, corporate functions, suit and tie events, celebratory balls.</p>
													<blockquote>We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level of excellence.We have an abundance of experience and a strong reputation specialising in event such as birthdays, engagements, formals, debutantes, corporate functions, suit and tie events, celebratory balls, weddings and much more!As premium professional photographers we have the ability to capture anything and everything to suit our client’s needs, whatever they may be.</blockquote>
													<p> We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level of excellence.We have an abundance of experience and a strong reputation specialising in event such as birthdays, engagements, formals, debutantes, corporate functions, suit and tie events, celebratory balls, weddings and much more!As premium professional photographers we have the ability to capture anything and everything to suit our client’s needs, whatever they may be. We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level.</p>
													<div class="modal_social">
														<ul>
															<li><a href="#"><i class="xcon-facebook"></i></a></li>
															<li><a href="#"><i class="xcon-twitter"></i></a></li>
															<li><a href="#"><i class="xcon-linkedin"></i></a></li>
															<li><a href="#"><i class="xcon-instagram"></i></a></li>
															<li><a href="#"><i class="xcon-behance"></i></a></li>
														</ul>
													</div>
												</div>
											</div>
										</div>
									</li>
									<li class="item">
										<div class="shadow">
											<div class="inner">
												<div class="image">
													<img src="img/blog/500x350.jpg" alt="" />
													<div class="main" data-img-url="img/portfolio/4.jpg"></div>
													<a class="link" href="#"></a>
												</div>
												<div class="texts">
													<div class="title">
														<h3><a href="#">Art of Photography</a></h3>
													</div>
													<div class="def">
														<p>For instance, whenever I go back to the guest house during the morning to copy out...</p>
													</div>
													<div class="more">
														<a href="#">Read More</a>
													</div>
												</div>
												<span class="one"></span>
												<span class="two"></span>
												<span class="three"></span>
												<span class="four"></span>
												<div class="modal_texts">
													<p> We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level of excellence.We have an abundance of experience and a strong reputation specialising in event such as birthdays, engagements, formals, debutantes, corporate functions, suit and tie events, celebratory balls.</p>
													<blockquote>We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level of excellence.We have an abundance of experience and a strong reputation specialising in event such as birthdays, engagements, formals, debutantes, corporate functions, suit and tie events, celebratory balls, weddings and much more!As premium professional photographers we have the ability to capture anything and everything to suit our client’s needs, whatever they may be.</blockquote>
													<p> We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level of excellence.We have an abundance of experience and a strong reputation specialising in event such as birthdays, engagements, formals, debutantes, corporate functions, suit and tie events, celebratory balls, weddings and much more!As premium professional photographers we have the ability to capture anything and everything to suit our client’s needs, whatever they may be. We are armed with industry standard full frame SLRs, spending hours editing each photo individually - making certain that your photos develop at a professional, elegant and outstanding level.</p>
													<div class="modal_social">
														<ul>
															<li><a href="#"><i class="xcon-facebook"></i></a></li>
															<li><a href="#"><i class="xcon-twitter"></i></a></li>
															<li><a href="#"><i class="xcon-linkedin"></i></a></li>
															<li><a href="#"><i class="xcon-instagram"></i></a></li>
															<li><a href="#"><i class="xcon-behance"></i></a></li>
														</ul>
													</div>
												</div>
											</div>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- /News -->
			
			<!-- Partners -->
			<div class="grax_section">
				<div class="grax_partners">
					<div class="background">
						<div class="image jarallax" data-img-url="img/hero/1.jpg" data-speed="0"></div>
						<div class="overlay"></div>
					</div>					
					<div class="content">
						<div class="container">
							<ul class="owl-carousel">
								<li class="item">
									<img src="img/partners/1.png" alt="" />
								</li>
								<li class="item">
									<img src="img/partners/2.png" alt="" />
								</li>
								<li class="item">
									<img src="img/partners/3.png" alt="" />
								</li>
								<li class="item">
									<img src="img/partners/4.png" alt="" />
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- /Partners -->

			<!-- Contact -->
			<div class="grax_section" id="contact">
				<div class="grax_contact another">
					<div class="container">
						<div class="center">
							<div class="grax_title_holder">
								<h3><span>Get in Touch</span></h3>
							</div>
						</div>
						<div class="contact_inner">
							<div class="left">
								<ul>
									<li>
										<div class="inner">
											<img class="svg" src="img/svg/placeholder.svg" alt="" />
											<span><a class="href_location" href="#">22 Brook Street, NYC</a></span>
										</div>
									</li>
									<li>
										<div class="inner">
											<img class="svg" src="img/svg/telephone.svg" alt="" />
											<span><a href="tel:+55 (77) 100 20 20">+55 (77) 100 20 20</a></span>
										</div>
									</li>
									<li>
										<div class="inner">
											<img class="svg" src="img/svg/envelope.svg" alt="" />
											<span><a href="mailto:yourmail@gmail.com">yourmail@gmail.com</a></span>
										</div>
									</li>
									<li>
										<div class="inner">
											<img class="svg" src="img/svg/telegram.svg" alt="" />
											<span><a href="https://t.me/@telegramNickName" target="_blank">@telegramNickName</a></span>
										</div>
									</li>
									<li>
										<div class="inner">
											<img class="svg" src="img/svg/whatsapp.svg" alt="" />
											<span><a href="https://wa.me/@whatsappNickName" target="_blank">@whatsappNickName</a></span>
										</div>
									</li>
								</ul>
							</div>
							<div class="right">
								<form action="/" method="post" class="contact_form" id="contact_form">
									<div class="returnmessage" data-success="Your message has been received, We will contact you soon."></div>
									<div class="empty_notice"><span>Please Fill Required Fields</span></div>
									<div class="first_row">
										<ul>
											<li>
												<input id="name" type="text" placeholder="Your Name">
											</li>
											<li>
												<input id="email" type="text" placeholder="Your Email">
											</li>
										</ul>
									</div>
									<div class="second_row">
										<textarea id="message" placeholder="Your Message"></textarea> 
									</div>
									<div class="grax_button">
										<a id="send_message" href="#">Submit</a>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>

			</div>
			<!-- /Contact -->

			<!-- Footer -->
			<div class="grax_footer">
				<div class="container">
					<div class="footer_inner">
						<div class="left">
							<p>Copyright &copy; 2019. All Rights are By <a href="http://www.bootstrapmb.com/">bootstrapmb</a></p>
						</div>
						<div class="social_footer">
							<ul>
								<li><a href="#"><i class="xcon-facebook"></i></a></li>
								<li><a href="#"><i class="xcon-twitter"></i></a></li>
								<li><a href="#"><i class="xcon-linkedin"></i></a></li>
								<li><a href="#"><i class="xcon-instagram"></i></a></li>
								<li><a href="#"><i class="xcon-behance"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- Footer -->
		
	</div>
	<!-- /Wrapper All -->
	
<!-- Scripts -->
<script src="js/jquery.js"></script>
<script src="js/plugins.js"></script>
<script src="js/init.js"></script>
<!-- /Scripts -->

</body>
</html>